Fork me on GitHub

Hexo NexT 主题内接入网页在线联系功能

之前有访问过一些大佬的个人博客,里面有个在线联系功能,看着不错,所以也试着在自己的站点上接入了此功能。

注册

首先在 DaoVoice 注册个账号,点击 ->邀请码 2e5d695d

完成后,会得到一个app_id,后面会用到:

修改 head.swig

修改 /themes/next/layout/_partials/head.swig 文件,添加内容如下:

{% if theme.daovoice %}
      
    {% endif %}

位置贴图:

主题配置文件

_config.yml文件中添加内容:

# Online contact
daovoice: true
daovoice_app_id:   # 这里填你刚才获得的 app_id

聊天窗口配置

附上我的聊天窗口的颜色、位置等设置信息:

至此,网页的在线联系功能已经完成,重新 hexo ghexo d 上传 GitHub 后,页面上就能看到效果了。

就比如说你现在往右下角看看(~ ̄▽ ̄)~ ,欢迎撩我(滑稽)。

赞赏是最好的支持与鼓励!
-------------本文结束感谢您的阅读-------------